<template>
    <div class="home">
        <img src="http://www.atguigu.com/images/index_new/logo.png" alt="">
    </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';
const router=useRouter()

console.log(router)

onMounted(()=>{
    setTimeout(()=>{
        // 打印信息
        console.log('3秒时间到，重新导航')
        // 在此处编写一段代码，让路由实现跳转
        router.push('/news')
    },3000)
})

// 使用这个函数来修改组件名
defineOptions({
  name: "Home"
})
</script>

<style>
.home{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
</style>